<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Controle de Ferramentas</title>
<link type="text/css" rel="stylesheet" href="../css/geral.css">
<script type="text/javascript" src="../js/jquery-1.6.2.min.js"></script>
<script>
	$(document).ready(function() {
	$("#editar_1").click(function(){
		//$("#editar_1").attr({id: "editar"});
		var valor = $("#data").attr("disabled");
		if(valor == 'disabled'){
			$("#data").removeAttr("disabled");
		}else{
			$("#data").attr({disabled: 'disabled'});
		}
		var valor2 = $("#lab").attr("disabled");
		if(valor2 == 'disabled'){
			$("#lab").removeAttr("disabled");
		}else{
			$("#lab").attr({disabled: 'disabled'});
		}
		var valor3 = $("#tipo").attr("disabled");
		if(valor3 == 'disabled'){
			$("#tipo").removeAttr("disabled");
		}else{
			$("#tipo").attr({disabled: 'disabled'});
		}
		return false;
	});
	});
</script>
</head>

<body>

<!-- Inicio da pagina -->
<div id="tudo">

<!-- Cabecalho -->
<div id="header">
  <div class="logotipo"></div>
    <div class="menu">
    	<p> Logado: Coordenador <br> <a href="#">Sair</a></p></div>
</div>

<div id="mapaDeNavegacao"></div>

<!-- Inicio da centro -->

<div id="centro">

  <div class="visualizarSuprimentos">
    
    	<div class="imagemVisualizarSuprimentos">
			<img src="../imagens/visualizarSuprimentos.png">
    	</div>
        
        <div class="formularioVisualizar" style="overflow: auto; width: 780px; height: 200px;">
        

        <table>
        
        	<tr><td ><label title="lab">Patrimonio</label></td>  
           
        	<td><label title="data">Descrição</label></td>
            <td><label title="tipo">Tipo de Suprimento</label></td>
            </tr>
            
<script>
	$(document).ready(function() {
	$("#editar_1").click(function(){
		//$("#editar_1").attr({id: "editar"});
		var valor = $("#data1").attr("readonly");
		if(valor == 'readonly'){
			$("#data1").removeAttr("readonly");
		}else{
			$("#data1").attr({readonly: 'readonly'});
		}
		var valor2 = $("#lab1").attr("readonly");
		if(valor2 == 'readonly'){
			$("#lab1").removeAttr("readonly");
		}else{
			$("#lab1").attr({readonly: 'readonly'});
		}
		var valor3 = $("#tipo1").attr("disabled");
		if(valor3 == 'disabled'){
			$("#tipo1").removeAttr("disabled");
		}else{
			$("#tipo1").attr({disabled: 'disabled'});
		}
		return false;
	});
	});
</script>	
<form>	
            <tr> 
            <td><input type="text" name="lab" id="lab1" size="33" readonly="readonly" value="Teste"/></td>
        	<td><input type="text" name="data" id="data1" size="33" readonly="readonly" value="Teste"/></td>
            <td><w:outputLabel value="Tipo do Suprimento: "/>
			<select name="tipoUsuario" disabled="disabled" id="tipo1">
				<option value=""> Selecione um tipo de Usuário... </option>
				<option value="Coordenador">Ferramenta</option>
				<option value="Professor">Equipamento</option>
				<option value="Bolsista">Material de Aula</option>
			</select></td> 
			<td align="right"><input id="editar_1" type="image" src="../imagens/editar.png" value="Editar" name="Submit"></td>
      		<td align="right"><input type="image" src="../imagens/excluir.png" value="Excluir" name="Submit"></td>
            <td align="right"><input type="image" src="../imagens/salvar.png" value="Salvar" name="Submit"></td>
            </tr>      
</form>
<script>
	$(document).ready(function() {
	$("#editar_2").click(function(){
		//$("#editar_1").attr({id: "editar"});
		var valor = $("#data2").attr("disabled");
		if(valor == 'disabled'){
			$("#data2").removeAttr("disabled");
		}else{
			$("#data2").attr({disabled: 'disabled'});
		}
		var valor2 = $("#lab2").attr("disabled");
		if(valor2 == 'disabled'){
			$("#lab2").removeAttr("disabled");
		}else{
			$("#lab2").attr({disabled: 'disabled'});
		}
		var valor3 = $("#tipo2").attr("disabled");
		if(valor3 == 'disabled'){
			$("#tipo2").removeAttr("disabled");
		}else{
			$("#tipo2").attr({disabled: 'disabled'});
		}
		return false;
	});
	});
</script>			
			<tr> 
            <td><input type="text" name="lab" id="lab2" size="33" disabled="disabled"></td>
        	<td><input type="text" name="data" id="data2" size="33" disabled="disabled"></td>
            <td><w:outputLabel value="Tipo do Suprimento: "/>
			<select name="tipoUsuario" disabled="disabled" id="tipo2">
				<option value=""> Selecione um tipo de Usuário... </option>
				<option value="Coordenador">Ferramenta</option>
				<option value="Professor">Equipamento</option>
				<option value="Bolsista">Material de Aula</option>
			</select></td> 
			<td align="right"><input id="editar_2" type="image" src="../imagens/editar.png" value="Editar" name="Submit"></td>
      		<td align="right"><input type="image" src="../imagens/excluir.png" value="Excluir" name="Submit"></td>
            <td align="right"><input type="image" src="../imagens/salvar.png" value="Salvar" name="Submit"></td>
            </tr>
<script>
	$(document).ready(function() {
	$("#editar_3").click(function(){
		//$("#editar_1").attr({id: "editar"});
		var valor = $("#data3").attr("disabled");
		if(valor == 'disabled'){
			$("#data3").removeAttr("disabled");
		}else{
			$("#data3").attr({disabled: 'disabled'});
		}
		var valor2 = $("#lab3").attr("disabled");
		if(valor2 == 'disabled'){
			$("#lab3").removeAttr("disabled");
		}else{
			$("#lab3").attr({disabled: 'disabled'});
		}
		var valor3 = $("#tipo3").attr("disabled");
		if(valor3 == 'disabled'){
			$("#tipo3").removeAttr("disabled");
		}else{
			$("#tipo3").attr({disabled: 'disabled'});
		}
		return false;
	});
	});
</script>
			
			<tr> 
            <td><input type="text" name="lab" id="lab3" size="33" disabled="disabled"></td>
        	<td><input type="text" name="data" id="data3" size="33" disabled="disabled"></td>
            <td><w:outputLabel value="Tipo do Suprimento: "/>
			<select name="tipoUsuario" disabled="disabled" id="tipo3">
				<option value=""> Selecione um tipo de Usuário... </option>
				<option value="Coordenador">Ferramenta</option>
				<option value="Professor">Equipamento</option>
				<option value="Bolsista">Material de Aula</option>
			</select></td> 
			<td align="right"><input id="editar_3" type="image" src="../imagens/editar.png" value="Editar" name="Submit"></td>
      		<td align="right"><input type="image" src="../imagens/excluir.png" value="Excluir" name="Submit"></td>
            <td align="right"><input type="image" src="../imagens/salvar.png" value="Salvar" name="Submit"></td>
            </tr>
                        
            </table> 
      </div>
    </div>
    

</div>

<!-- Rodapé -->
<div id="rodape">
	<div class="rodapeEsquerdo"></div>
    <div class="rodapeDireito">PDSC</div>
</div>

<!-- Fechando a primeira div -->
</div>


</body></html>